<div role="dropdown" {{{propertystr}}}>
    <str-text 
        id="textarea"
        label="{{label}}" 
        name="{{name}}" 
        type="text" 
        rendertype="{{rendertype}}"
        size="{{size}}"
        placeholder="{{placeholder}}"
        assistivetype="{{assistivetype}}" 
        assistivetext="{{assistivetext}}" 
        form="{{form}}"
        readonly
        {{required}} {{disabled}}
        leadicon="{{leadicon}}" 
        trailicon="{{trailicon}}"
        {{if hiddenbottom}}hiddenbottom{{/if}}
    ></str-text>
    <str-icon nofocus class="close-icon ripple" id="clear" icon="close" width="24" height="24"></str-icon>
    <str-menu-list id="list" class="dropdown-list" {{multiple}}>{{{optionlist}}}</str-menu-list>
</div>